let bottomTab = document.querySelectorAll(".bottomTab>ul>li");



for (let i = 0; i < bottomTab.length; i++) {
    const element = bottomTab[i];
    switch (i) {
        case 0: {
            element.addEventListener("click", (event) => {
                zoomIcon(element)
                // utils.navigateTo("#discover")
            })
            break;
        }
        case 1: {
            element.addEventListener("click", (event) => {
                zoomIcon(element)
                // utils.navigateTo("#blog")
            })
            break;
        }
        case 2: {
            element.addEventListener("click", (event) => {
                zoomIcon(element)
                // utils.navigateTo("#userSpace")
            })
            break;
        }
        case 3: {
            element.addEventListener("click", (event) => {
                zoomIcon(element)
            })
            break;
        }
        case 4: {
            element.addEventListener("click", (event) => {
                zoomIcon(element)
            })
            break;
        }
        default:
            break;
    }
}

let zoomIcon = (element)=> {
    bottomTab.forEach((item) => {
        item.style.transform = "scale(1)"
    })
    element.style.transform = "scale(1.3)"
}